<template>
    <div class="warp">
        <div class="left"></div>
        <div class="main"></div>
        <div class="right"></div>
    </div>
</template>

<script setup>

</script>

<style scoped lang="scss"> 
*{
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}
.warp{
    width: 100vw;
    height: 100vh;
    background: #f0f0f0;
    position: relative;
}
.left{
    width: 15%;
    height: 100%;
    background: white;
    position: absolute;
    left: 0;
    top: 0;
}
.right{
    width: 15%;
    height: 100%;
    background: white;
    position: absolute;
    right: 0;
    top: 0;
}
</style>